<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>西大官网</title>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
		<script>
		$(document).ready(function(){
		$(".search").hide()
		  $(".but").click(function(){
		    $(".search").toggle();
		  });
		});
		</script>
	</head>

	<body>
		<!--头部-->
		<div class="header">
			<div class="top">
				<div class="logo">
					<img src="img/logo2.png" />
				</div>
				<div class="link">
					<ul>
						<li class="but"><a href="#"><img src="img/search.png"></a></li>
						<li>
							<a href="#">教职工</a>
						</li>
						<li>
							<a href="#">在校生</a>
						</li>
						<li>
							<a href="#">校友</a>
						</li>
						<li>
							<a href="#">考生和访客</a>
						</li>
						<li>
							<a href="#">English</a>
						</li>
					</ul>
				</div>
				<!-- <div class="img"><img src="img/top2.png"></div> -->
			</div>
			<div class="search">
				<input type="search" name="" id="" value="" placeholder="请输入关键字" />
			</div>
		</div>

		<!--导航条-->
		<div class="nav">
			<div class="navcontent">
				<div class="nav-main">
					<h4>网站首页</h4>
				</div>
				<div class="nav-main">
					<h4>西大概述</h4>
					<ul>
						<li>学校概况</li>
						<li>发展历程</li>
						<li>首任校长</li>
						<li>现任领导</li>
						<li>历任领导</li>
						<li>领导题词</li>
						<li>校友风采</li>
						<li>学校标识</li>
					</ul>
				</div>
				<div class="nav-main">
					<h4>机构设置</h4>
				</div>
				<div class="nav-main">
					<h4>教育教学</h4>
					<ul>
						<li>本科生教育</li>
						<li>实验中心</li>
						<li>研究生教育</li>
						<li>国际教育</li>
						<li>继续教育</li>
					</ul>
				</div>
				<div class="nav-main">
					<h4>科学研究</h4>
					<ul>
						<li>本科生教育</li>
						<li>实验中心</li>
						<li>研究生教育</li>
						<li>国际教育</li>
						<li>继续教育</li>
					</ul>
				</div>
				<div class="nav-main">
					<h4>学科建设</h4>
					<ul>
						<li>本科生教育</li>
						<li>实验中心</li>
						<li>研究生教育</li>
						<li>国际教育</li>
						<li>继续教育</li>
					</ul>
				</div>
				<div class="nav-main">
					<h4>招生就业</h4>
					<ul>
						<li>本科生教育</li>
						<li>实验中心</li>
						<li>研究生教育</li>
						<li>国际教育</li>
						<li>继续教育</li>
					</ul>
				</div>
				<div class="nav-main">
					<h4>队伍建设</h4>
					<ul>
						<li>本科生教育</li>
						<li>实验中心</li>
						<li>研究生教育</li>
						<li>国际教育</li>
						<li>继续教育</li>
					</ul>
				</div>
				<div class="nav-main">
					<h4>公共服务</h4>
					<ul>
						<li>本科生教育</li>
						<li>实验中心</li>
						<li>研究生教育</li>
						<li>国际教育</li>
						<li>继续教育</li>
					</ul>
				</div>
				<div class="nav-main">
					<h4>校园文化</h4>
					<ul>
						<li>本科生教育</li>
						<li>实验中心</li>
						<li>研究生教育</li>
						<li>国际教育</li>
						<li>继续教育</li>
					</ul>
				</div>
			</div>
		</div>


		<!--轮播图-->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/banner.jpg" /></div>
				<div class="swiper-slide"><img src="img/06AE188B959D4620A1D70A0160F_E24A457D_1161C2.jpg" /></div>
				<div class="swiper-slide"><img src="img/E90A33AE4C17A27DCEE30688307_FF17E513_BDA92.jpg" /></div>
			</div>
			<div class="swiper-pagination"></div>
		</div>

		<!--西大要闻-->
		<div class="news w">
			<div class="title">
				<h1>西大要闻</h1>
				<a href="#">进入新闻中心</a>
			</div>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="img/im1.jpg" /></div>
					<div class="swiper-slide"><img src="img/im1.jpg" /></div>
					<div class="swiper-slide"><img src="img/im1.jpg" /></div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<div class="info">
				<ul>
					<li>
						<a href="#">广西大学附属中学百色分校举行2021级新生开学典礼（2021-09-15）</a>
					</li>
					<li>
						<a href="#">广西大学附属中学百色分校举行2021级新生开学典礼（2021-09-15）</a>
					</li>
					<li>
						<a href="#">广西大学附属中学百色分校举行2021级新生开学典礼（2021-09-15）</a>
					</li>
					<li>
						<a href="#">广西大学附属中学百色分校举行2021级新生开学典礼（2021-09-15）</a>
					</li>
					<li>
						<a href="#">广西大学附属中学百色分校举行2021级新生开学典礼（2021-09-15）</a>
					</li>
					<li>
						<a href="#">广西大学附属中学百色分校举行2021级新生开学典礼（2021-09-15）</a>
					</li>
					<li>
						<a href="#">广西大学附属中学百色分校举行2021级新生开学典礼（2021-09-15）</a>
					</li>
				</ul>
			</div>
		</div>

		<!--公告-->
		<div class="notice">
			<div class="content">
				<div class="fl">
					<div class="fl-hd">
						<img src="img/icon3.png" />
						<h1>通知公告</h1>
						<a href=""><img src="img/more.png" /></a>
					</div>
					<div class="fl-bd">
						<ul class="box">
							<li>
								<div class="text">
									<span>23</span>
									<em>2021.08</em>
								</div>
								<div class="txt">
									<a href="">广西大学博士后招生简章</a>
								</div>
							</li>
							<li>
								<div class="text">
									<span>23</span>
									<em>2021.08</em>
								</div>
								<div class="txt">
									<a href="">广西大学博士后招生简章</a>
								</div>
							</li>
							<li>
								<div class="text">
									<span>23</span>
									<em>2021.08</em>
								</div>
								<div class="txt">
									<a href="">广西大学博士后招生简章</a>
								</div>
							</li>
							<li>
								<div class="text">
									<span>23</span>
									<em>2021.08</em>
								</div>
								<div class="txt">
									<a href="">广西大学博士后招生简章</a>
								</div>
							</li>
							<li>
								<div class="text">
									<span>23</span>
									<em>2021.08</em>
								</div>
								<div class="txt">
									<a href="">广西大学博士后招生简章</a>
								</div>
							</li>
							<li>
								<div class="text">
									<span>23</span>
									<em>2021.08</em>
								</div>
								<div class="txt">
									<a href="">广西大学博士后招生简章</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="fr">
					<div class="fr-hd">
						<img src="img/icon4.png" />
						<h1>学术活动</h1>
						<a href=""><img src="img/more.png" /></a>
					</div>
					<div class="fr-bd">
						<ul>
							<li>
								<h3><a href="">数学与信息科学学院学术报告: An efficient Hessian based algorith...</a></h3>
								<div class="time">
									<span>9月17日</span>
									<em>8:30-11:30</em>
								</div>
								<div class="icon">
									<div class="user">
										刘勇进 教授
									</div>
									<div class="address">
										腾讯会议 会议号：608 708 239
									</div>
								</div>
							</li>
							<li>
								<h3><a href="">数学与信息科学学院学术报告: An efficient Hessian based algorith...</a></h3>
								<div class="time">
									<span>9月17日</span>
									<em>8:30-11:30</em>
								</div>
								<div class="icon">
									<div class="user">
										刘勇进 教授
									</div>
									<div class="address">
										腾讯会议 会议号：608 708 239
									</div>
								</div>
							</li>
							<li>
								<h3><a href="">数学与信息科学学院学术报告: An efficient Hessian based algorith...</a></h3>
								<div class="time">
									<span>9月17日</span>
									<em>8:30-11:30</em>
								</div>
								<div class="icon">
									<div class="user">
										刘勇进 教授
									</div>
									<div class="address">
										腾讯会议 会议号：608 708 239
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!--媒体西大-->
		<div class="media w">
			<div class="mian">
				<div class="mi-title">
					<span>
						<a href="">媒体西大</a>
					</span>
					<a href="" class="icon2"><img src="img/more.png" /></a>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
				<div class="items">
					<span>中国教育电视台</span>
					<a href="">立足广西，服务西部，辐射东盟——部区合建引领广...</a>
					<em>2021-09-17</em>
				</div>
			</div>
			<div class="icon3">
				<div class="in-title">
					<span>
						<a href="">快速通道</a>
					</span>
					<a href="" class="icon2"><img src="img/more.png" /></a>
				</div>
				<div>
					<ul>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="i1">
									<span></span>
									<p>办事大厅</p>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--数据-->
		<div class="swiper-container">
			<div class="bd-title">
				<span>
					西大数据
				</span>
			</div>
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="data">
						<div class="data-bd">

							<div class="details">
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="data">
						<div class="data-bd">
							<div class="details">
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
								<div class="item">
									<span>
										<img src="img/zdmj.png" />
									</span>
									<div class="tips">
										<p>21300</p>
										<em>学校占地面积2.13万余亩</em>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>


		<!--广告轮播-->
		<div class="sipder">
			<div id="sipder" class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" style="width: 300px;">
						<img src="img/BF0A813189898DC10EA35C4E164_81D057F6_4E69.jpg" alt="">
					</div>
					<div class="swiper-slide" style="width: 300px;">
						<img src="img/58B1A02DA890391C4381257DBE6_63D057F3_4820.jpg" alt="">
					</div>
					<div class="swiper-slide" style="width: 300px;">
						<img src="img/BF0A813189898DC10EA35C4E164_81D057F6_4E69.jpg" alt="">
					</div>
					<div class="swiper-slide" style="width: 300px;">
						<img src="./img/3FF46FEE6F5D126B3D37163EEB3_41E740CE_C79.png" alt="">
					</div>
					<div class="swiper-slide" style="width: 300px;">
						<img src="./img/DD32108C5EB07187BDC8BE0853A_F3CE48BF_E8FF.jpg" alt="">
					</div>
					<div class="swiper-slide" style="width: 300px;">
						<img src="img/58B1A02DA890391C4381257DBE6_63D057F3_4820.jpg" alt="">
					</div>
					<div class="swiper-slide" style="width: 300px;">
						<img src="img/654C498A49C9979CAA9DF7A90A5_914149DE_58B7.jpg" alt="">
					</div>
				</div>
			</div>
			<!-- 如果需要导航按钮 -->
			<!-- <div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div> -->
		</div>
		<!--</div>
-->
		<!--链接跳转-->
		<div class="Jump">
			<div class="bd">
				<dl>
					<dt>西大概述</dt>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
				</dl>
				<dl>
					<dt>机构设置</dt>
				</dl>
				<dl>
					<dt>教育教学</dt>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
				</dl>
				<dl>
					<dt>科学研究</dt>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
				</dl>
				<dl>
					<dt>招生就业</dt>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
				</dl>
				<dl>
					<dt>公共服务</dt>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
					<dd>
						<a href="">学校概况</a>
					</dd>
				</dl>
			</div>
		</div>
		<!--尾部-->
		<div class="footer">
			<div class="warp">
				<ul>
					<li>手机版</li>
					<li>桂ICP备05000940-1号版权所有◎广西大学</li>
					<li>广西南宁市大学东路100号邮编:530004 Email:webmaster@gxu.edu.cn</li>
					<li>I桂公网安备40700001</li>
				</ul>
			</div>
		</div>

		<script src="./js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			// 二级菜单
			$(function() {
				var tab = $(".navcontent .nav-main");
				tab.mouseover(function(event) {
					$(this).find("ul").stop();
					$(this).find("ul").slideDown();

				}).mouseout(function(event) {
					$(this).find("ul").stop();
					$(this).find("ul").slideUp();

				});
			})

			// 搜索框
			$(function() {
				$("button").click(function() {
					$("p").toggle();
				});
			});

			var mySwiper = new Swiper('.swiper-container', {
				loop: true, // 循环模式选项

				// 如果需要分页器
				pagination: {
					el: '.swiper-pagination',
				},

				// 如果需要滚动条
				scrollbar: {
					el: '.swiper-scrollbar',
				},

				autoplay: {
					delay: 3000,
					stopOnLastSlide: false,
					disableOnInteraction: true,
				},
			})

			new Swiper("#sipder", {
				direction: 'horizontal', //默认horizontal, 水平轮播
				autoplay: true, //自动切换
				loop: true, //循环
				slidesPerView: 5, //默认1, 同时显示的slides数量,auto 代表根据轮播图的宽度排列
				spaceBetween: 20, //轮播图之间的间距

				// navigation: {
				// 	nextEl: '.swiper-button-next',
				// 	prevEl: '.swiper-button-prev',
				// },
			})
		</script>
	</body>

</html>
